mat-card {
  padding: 30px 16px;
  box-shadow: none !important;
  mat-card-title {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #333333;
    letter-spacing: -0.58px;
    margin-bottom: 0;
    height: 60px;
    line-height: 60px;
  }
  mat-card-header {
    /deep/ .mat-card-header-text {
      width: 100%;
      margin: 0;
    }
  }
}

/deep/ .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0 0;
  padding-bottom: 0.3em;
}

/deep/ .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #e2e6f4;
}

/deep/ input.mat-input-element {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  letter-spacing: -0.34px;
  transform: translateY(-3px);
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #bbbbbb;
  letter-spacing: -0.34px;
}

/deep/ .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(-2%);
}

.panel-add {
  padding: 0;
  mat-card-title {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #333333;
    letter-spacing: -0.58px;
    padding: 0 20px;
  }
  .form {
    padding: 0 20px;
  }
  .i {
    &.action {
      button {
        width: 50%;
        color: white;
        border-radius: 0;
        height: 44px;
        &.cancel {
          background: #4c505d;
          border-right: 1px solid #fff;
        }
        &.save {
          background: #116ceb;
        }
      }
    }
  }
}

.panel-item {
  .i {
    margin: 20px 0;
    .l {
      width: 100px;
    }
  }
}
